import React from "react";
import lazyLoad from "@/routers/utils/lazyLoad";
import {LayoutIndex} from "@/routers/constant";
import {RouteObject} from "@/routers/interface";

// echarts 模块
const VueRouter: Array<RouteObject> = [
    {
        element: <LayoutIndex/>,
        meta: {
            title: "Vue"
        },
        children: [
            {
                path: "/Vue/UnderstandingOfVue",
                element: lazyLoad(React.lazy(() => import("@/views/Vue/UnderstandingOfVue"))),
                meta: {
                    requiresAuth: true,
                    title: "Vue的理解",
                    key: "Vue的理解"
                }
            },  {
                path: "/Vue/PrincipleOfResponsiveData",
                element: lazyLoad(React.lazy(() => import("@/views/Vue/PrincipleOfResponsiveData"))),
                meta: {
                    requiresAuth: true,
                    title: "响应式数据原理",
                    key: "响应式数据原理"
                }
            },
        ]
    }
];

export default VueRouter;
